<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>书籍上下架</title>
    <link href="static/css/book-manage.css" rel="stylesheet">
</head>
<body>
    <nav>
        
        <div class="logo">
            <a href="#">网上书店</a>
        </div>
        <div class="user">
            <ul>
                <li>员工：员工名 </li>
                <li><a href="#" id='logout'>注销</a></li>
                <li><a href="#">书籍管理</a></li>
                <li><a href="#">退换货管理</a></li>
            </ul>
        </div>
    </nav>

    <section class="main">
        <form class="search">
            <p class="result">书籍列表</p>  
        </form>
        <div class="display">
            <div class="books">
                <div class="book">
                    <a><img></a>
                    <div class="title">书名</div>
                    <div class="price">价格</div>
                    <div class="button">
                        <button>修改信息</button>
                        <button>下架</button>
                    </div>
                </div>
                <div class="book">
                    <a><img></a>
                    <div class="title">书名</div>
                    <div class="price">价格</div>
                    <div class="button">
                        <button>修改信息</button>
                        <button>下架</button>
                    </div>
                </div>
                <div class="book">
                    <a><img></a>
                    <div class="title">书名</div>
                    <div class="price">价格</div>
                    <div class="button">
                        <button>修改信息</button>
                        <button>下架</button>
                    </div>
                </div><div class="book">
                    <a><img></a>
                    <div class="title">书名</div>
                    <div class="price">价格</div>
                    <div class="button">
                        <button>修改信息</button>
                        <button>下架</button>
                    </div>
                </div>
                 <div class="book">
                    <a><img></a>
                    <div class="title">书名</div>
                    <div class="price">价格</div>
                    <div class="button">
                        <button>修改信息</button>
                        <button>下架</button>
                    </div>
                </div><div class="book">
                    <a><img></a>
                    <div class="title">书名</div>
                    <div class="price">价格</div>
                    <div class="button">
                        <button>修改信息</button>
                        <button>下架</button>
                    </div>
                </div>
        </div>
		<form class="search">
            <p class="result">添加书籍</p>  
        </form>
			<div class="orders">
				<div class="order">
					<a><img></a>
                    <div class="title">书名：</div>
					<input type="text" class="text1">
					<div class="title">类别：</div>
					<select class="option">
						<option value="sort1">类别1</option>
						<option value="sort2">类别2</option>
						<option value="sort3">类别3</option>
						<option value="sort4">类别4</option>
						<option value="sort5">类别5</option>
						<option value="sort6">类别6</option>
                    </select>
                    <div class="price">价格：</div>
					<input type="text" class="text1">
					<div class="button">
                        <button>确认上架</button>
				</div>
			</div>
		
    </section>
    
</body>
</html>